<template>
	<!-- 日常 -->
	<view>
		<!-- 导航栏 -->
			<view class="day">
				<view>
					<image src="../../static/mm.png" mode="aspectFill"></image>
					<view class="wenzi ">
						<text>记录我的日常</text>
						<p>还没有记录</p>
					</view>
				</view>
				<image class="tupian" src="../../static/x.png" @click="goOne" mode=""></image>
			</view>
			<view class="ever">
				<view>
					<image src="../../static/语音.png" mode=""></image>
					<text>语音</text>
				</view>
				<view>
					<image src="../../static/每日签到.png" mode=""></image>
					<text>日签</text>
				</view>
				<view>
					<image src="../../static/打卡.png" mode=""></image>
					<text>打卡</text>
				</view>
				<view @click="goTwo">
					<image src="../../static/文字.png" mode=""></image>
					<text>文字</text>
				</view>
				<view>
					<image src="../../static/拍摄视频.png" mode=""></image>
					<text>拍摄</text>
				</view>
			</view>
			<!-- 侧边滑动 -->
			<view class="box">
				<view class="gather">
					<text>打卡日常</text>
					<view class="pages">
						<gather :data="this.punch" />
					</view>
				</view>
				<view class="gather">
					<text>有趣瞬间</text>
					<view class="pages">
						<gather :data="this.funny" />
					</view>
				</view>
				<view class="gather">
					<text>心情日签</text>
					<view class="pages">
						<gather :data="this.mood" />
					</view>
				</view>
				<view class="gather">
					<text>文字记录</text>
					<view class="pages">
						<gather :data="this.wordy" />
					</view>
				</view>
			</view>
	</view>
</template>

<script>
	import {
		Bus
	} from "../../main.js"
	import gather from '../../components/gather.vue'
	export default {
		name: '',
		components: {
			gather
		},
		data() {
			return {
				punch:[
					{
						url: '/static/q1.png',
						hpImg: '/static/mm.png',
						content: '是碳水呀'
					}, {
						url: '/static/q2.png',
						hpImg: '/static/mm.png',
						content: '孟琪'
					},
					{
						url: '/static/q3.png',
						hpImg: '/static/mm.png',
						content: '野原小为'
					},
					{
						url: '/static/q4.png',
						hpImg: '/static/mm.png',
						content: '花和小介'
					},
					{
						url: '/static/q5.png',
						hpImg: '/static/mm.png',
						content: '油菜花花'
					}
				],
				funny:[
					{
						url: '/static/r1.png',
						hpImg: '/static/mm.png',
						content: '来历历'
					}, {
						url: '/static/r2.png',
						hpImg: '/static/mm.png',
						content: '服了'
					},
					{
						url: '/static/r3.png',
						hpImg: '/static/mm.png',
						content: 'Darrrrcy'
					},
					{
						url: '/static/r4.png',
						hpImg: '/static/mm.png',
						content: 'Aikoko'
					},
					{
						url: '/static/r5.png',
						hpImg: '/static/mm.png',
						content: 'manyee'
					}
				],mood:[
					{
						url: '/static/w1.png',
						hpImg: '/static/mm.png',
						content: '多沫COCO'
					}, {
						url: '/static/w2.png',
						hpImg: '/static/mm.png',
						content: '夏沫荨'
					},
					{
						url: '/static/w3.png',
						hpImg: '/static/mm.png',
						content: '开心蛋糕'
					},
					{
						url: '/static/w4.png',
						hpImg: '/static/mm.png',
						content: '思念化成风'
					},
					{
						url: '/static/w5.png',
						hpImg: '/static/mm.png',
						content: '小欣'
					}
				],wordy:[
					{
						url: '/static/e1.png',
						hpImg: '/static/mm.png',
						content: 'JJY'
					}, {
						url: '/static/e2.png',
						hpImg: '/static/mm.png',
						content: '辞梦夕'
					},
					{
						url: '/static/e3.png',
						hpImg: '/static/mm.png',
						content: '富婆的小仙女'
					},
					{
						url: '/static/e4.png',
						hpImg: '/static/mm.png',
						content: '奈可'
					},
					{
						url: '/static/e5.png',
						hpImg: '/static/mm.png',
						content: '阿鱼'
					}
				]
			}
			},
			methods: {
				goOne() {
						// tabBer页面跳转
						uni.switchTab({
							url:"../index/index"
						})
				},
				goTwo() {
					uni.navigateTo({
						url: "../two/two"
					})
				},
			}
	}
		
</script>


<style lang="scss" scoped>
	@import "everyday.scss"
</style>
<style>
	page {
			background-color: #000000;
		}
</style>
